<!DOCTYPE html>
<html>
  <head>
	<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet" media="screen">
		<style type="text/css">
	  body {
		padding-top: 60px;
		padding-bottom: 40px;
	  }
	</style>

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/flexigrid.pack.css">
<script src="{{ STATIC_URL }}js/jquery.1.8.3.js"></script>
<script src="{{ STATIC_URL }}js/jquery.cookie.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/flexigrid.pack.js"></script>
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/flexigrid.pack.css">
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/hools.css">
  </head>
  <body>

<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">

			<a class="brand" href="/index">S.E.C.</a>
			<div class="nav-collapse">
				<ul class="nav">
					
					<li {% if menu == 'index' %}class="active" {% endif %}>
						<a href="/index">Home</a>
					</li>
					<li {% if menu == 'users' %}class="active" {% endif %}>
						<a href="/users/show/all" >Użytkownicy</a>
					</li>
					<li {% if menu == 'hools' %}class="active" {% endif %}>
						<a href="/hools/show/all">Chuligani</a>
					</li>
					<li {% if menu == 'events' %}class="active" {% endif %}>
						<a href="/events/show/all">Zdarzenia</a>
					</li>
					<li {% if menu == 'offense' %}class="active" {% endif %}>
						<a href="/offense/show/all">Typy przewinień</a>
					</li>
				</ul>
				{% if is_not_logged == True %}
				<div class="navbar-form pull-right">
					
					<input type="button" value="Wyloguj" onclick="$('#login_modal').modal('show');" class="btn btn-primary" />
				</div>
				{%endif%}
			</div>
		</div>
	</div>
</div>
<div class="container">
<div class= "row">
	
	{% include main_body %}

</div>
</div>
<div class="navbar navbar-fixed-bottom">
	<div class="navbar-inner">
		<div class="container pagination-centered">
			Developed by <a href="http://adavnced-software.org">advanced-software.org</a>
		</div>
	</div>
</div>
<div id="login_modal" class="modal hide fade">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
			&times;
		</button>
		<h3>Wyloguj</h3>
	</div>
	<div class="modal-body">
		<p>
			Czy napewno chcesz się wylogować?
		</p>
	</div>
	<div class="modal-footer">
		<a onclick="$('#login_modal').modal('hide');" class="btn">Nie</a>
		<a href="/logout/{{from_url}}" class="btn btn-primary">Chyba chcę...</a>
	</div>

</div>
	<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
	
  </body>
</html>
